// 定义中文 title 的配置对象
export const titleConfig = {
  '.ql-bold': '加粗',
  '.ql-color': '颜色',
  '.ql-font': '字体',
  '.ql-code': '插入代码',
  '.ql-italic': '斜体',
  '.ql-link': '添加链接',
  '.ql-background': '背景颜色',
  '.ql-size': '字号',
  '.ql-strike': '删除线',
  '.ql-script[value="super"]': '上标',
  '.ql-script[value="sub"]': '下标',
  '.ql-underline': '下划线',
  '.ql-blockquote': '引用',
  '.ql-header': '标题',
  '.ql-code-block': '代码块',
  '.ql-list[value="ordered"]': '有序列表',
  '.ql-list[value="bullet"]': '无序列表',
  '.ql-indent[value="+1"]': '增加缩进',
  '.ql-indent[value="-1"]': '减少缩进',
  '.ql-direction': '文本方向',
  '.ql-formula': '插入公式',
  '.ql-image': '插入图片',
  '.ql-video': '插入视频',
  '.ql-clean': '清除字体样式',
};
export const editTitleConfig = () => {
  const addTitle = () => {
    // 获取工具栏的容器元素
    const toolbar = document.querySelector('.ql-toolbar');
    if (toolbar) {
      // 遍历配置对象的键值对
      for (let key in titleConfig) {
        if (titleConfig.hasOwnProperty(key)) {
          // 获取对应的按钮元素
          const button = toolbar.querySelector(key);
          // 判断是否存在
          if (button) {
            // 给按钮元素添加 title 属性，值为配置对象的值
            button.title = titleConfig[key];
          }
        }
      }
    }
  };
  const timer = setTimeout(() => {
    clearTimeout(timer);
    addTitle();
  }, 100);
};
//定义 modules 模块
export const modules = {
  toolbar: [
    ['bold', 'italic'], // 加粗 斜体 下划线 删除线
    // ['blockquote', 'code-block'], // 引用  代码块
    [{ indent: '-1' }, { indent: '+1' }], // 缩进
    [{ list: 'ordered' }, { list: 'bullet' }], // 有序、无序列表
    [{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题
    [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色
    [{ align: [] }], // 对齐方式
    ['clean'], // 清除文本格式
    // ['link', 'image', 'video'], // 链接、图片、视频
    // [{ size: ['small', false, 'large', 'huge'] }], // 字体大小
    // ['bold', 'italic', 'underline', 'strike'], // 加粗 斜体 下划线 删除线
    // [{ indent: '-1' }, { indent: '+1' }], // 缩进
  ],
};
